//版心
@mixin container {
    width: 1200px;
    margin: 0 auto;
    // background-color: gold;
}

//文字样式
@mixin afonts {
    text-decoration: none;
    color: #000;
}

.container {
    width: 1000px;
    height: 500px;
    border: 1px solid #000;
    border-radius: 20px;
    margin: 100px auto;

    form {
        display: flex;
        flex-direction: column;
        align-items: center;

        h2 {
            font-size: 30px;
            font-weight: bold;
            margin: 50px 0;
        }

        .item {
            height: 85px;
            display: flex;
            flex-direction: column;

            input[name='account'],
            input[name='password'] {
                width: 400px;
                height: 30px;
            }

            span {
                display: inline-block;
                width: 400px;
                height: 30px;
                color: red;
                line-height: 30px;
                margin-top: 10px;
            }
        }

        .btn {
            display: flex;
            flex-direction: column;

            button {
                width: 400px;
                height: 40px;
                border: 0px solid #000;
                background-color: skyblue;
                border-radius: 10px;
                margin: 10px 0;
            }
        }

    }
}